<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单元素</title>
</head>
<body>
    <h1>表单元素</h1>
    <form action="">
        <select name="class">
            <option value="1">一班</option>
            <option selected value="2">二班</option>
            <option value="3">三班</option>
            <option value="4">四班</option>
        </select>
        <br>
        <textarea name="" cols="30" rows="3"></textarea>
        <br>
        <input type="file">
        <br>
        <input type="submit" value="注册">
        <input type="reset" value="恢复">
        <input type="button" value="登录">
    </form>
    <!-- 
        标签和属性都可以任意换行，合理缩进
        标签的属性没有先后顺序，
        属性间用空格隔开 
    -->
    <form action="https://api.com/login">
        <input 
            placeholder="请输入用户名" 
            type="text" 
            name="username" 
        />
        <br>
        <input 
            placeholder="请输入密码" 
            type="password" 
            name="pwd" 
        />
        <br>
        <input value="2023" type="text" name="xuehao" />
        <br>
        <input type="submit">
    </form>
    <form action="">
        <!-- 单选框,name属性必写，value必写，且值一样 -->
        <p>
            <input name="sex" value="0" type="radio">男
            <input checked name="sex" value="1" type="radio">女
        </p>
        <p>
            <input name="course" value="daolun" type="checkbox">导论
            <input name="course" value="web" type="checkbox">web
            <input name="course" value="gaoshu" type="checkbox">高数
        </p>
        <input type="submit">
        
    </form>
    <!-- 
        常规快捷键：
        ctrl+c：复制
        ctrl+x: 剪切
        ctrl+v：粘贴
        ctrl+z: 返回
        ctrl+y: 恢复返回操作
        ctrl+s: 保存
        vscode快捷键：
        alt+shift+上下键：复制一行
        alt+上下键：移动一行
        ctrl+enter: 换行
        alt+点击：多光标操作
     -->
</body>
</html>